<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.png" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false' bgColor="transparent" @leftClick="navBack" title="信息通知">
				<view slot="center" class="navTitle">
					信息通知
				</view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView pt30">
				<view class="pd30">
					<view class="noticeTemplate">
						<view class="content" v-if="type==0&&info">
							<view style="text-indent: 2em;">
								<text>经了解，我校{{info.grade}}{{info.class}}学生{{info.name}}同学近期心理状况出现异常，存在需要即时监护的风险。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>为了保障该同学的身心健康，请各相关人员务必高度重视，并采取以下措施：</text>
							</view>
							<view style="text-indent: 2em;">
								<text>密切关注：班级心理委员和班主任要加强对{{info.name}}同学的日常观察，及时发现其情绪波动、行为异常等情况，并做好详细记录。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>主动沟通:鼓励班主任、任课教师在课堂上和课下多与{{info.name}}同学进行交流，了解其内心想法，提供必要的支持和帮助。及时报告:若发现【学生姓名】同学出现以下情况，请立即向学校心理健康教育中心或相关部门报告：</text>
							</view>
							<view style="text-indent: 2em;">
								<text></text>
							</view>
							<view style="text-indent: 2em;">
								<text>1、出现自伤、自杀或伤害他人倾向</text>
							</view>
							<view style="text-indent: 2em;">
								<text>2、情绪极度低落，无法自拔</text>
							</view>
							<view style="text-indent: 2em;">
								<text>3、行为反常，与周围人发生冲突</text>
							</view>
							<view style="text-indent: 2em;">
								<text>4、拒绝与人交流，孤僻不合群</text>
							</view>
							<view style="text-indent: 2em;">
								<text>提供帮助:学校心理健康教育中心将为{{info.name}}同学提供专业的心理咨询和辅导，请各部门积极配合，协助做好相关工作。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>保密原则:请各相关人员严格遵守保密原则，保护学生的隐私。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>{{info.name}}同学的心理健康关系到整个班级乃至学校的和谐发展，希望大家共同努力，为其提供一个安全、温暖的成长环境。</text>
							</view>
							<view style="text-align:right;padding-top: 30rpx;">
								{{date|dateFormate('YYYY年MM月DD日')}}
							</view>
						</view>
						<view class="content" v-if="type==1&&info">
							<view style="text-indent: 2em;">
								<text>经了解，我校{{info.grade}}{{info.class}}学生{{info.name}}同学近期心理状况出现异常，存在需要即时监护的风险。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>为了保障该同学的身心健康，请各相关人员务必高度重视，并采取以下措施：</text>
							</view>
							<view style="text-indent: 2em;">
								<text>密切关注：班级心理委员和班主任要加强对{{info.name}}同学的日常观察，及时发现其情绪波动、行为异常等情况，并做好详细记录。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>主动沟通:鼓励班主任、任课教师在课堂上和课下多与{{info.name}}同学进行交流，了解其内心想法，提供必要的支持和帮助。及时报告:若发现【学生姓名】同学出现以下情况，请立即向学校心理健康教育中心或相关部门报告：</text>
							</view>
							<view style="text-indent: 2em;">
								<text></text>
							</view>
							<view style="text-indent: 2em;">
								<text>1、出现自伤、自杀或伤害他人倾向</text>
							</view>
							<view style="text-indent: 2em;">
								<text>2、情绪极度低落，无法自拔</text>
							</view>
							<view style="text-indent: 2em;">
								<text>3、行为反常，与周围人发生冲突</text>
							</view>
							<view style="text-indent: 2em;">
								<text>4、拒绝与人交流，孤僻不合群</text>
							</view>
							<view style="text-indent: 2em;">
								<text>提供帮助:学校心理健康教育中心将为{{info.name}}同学提供专业的心理咨询和辅导，请各部门积极配合，协助做好相关工作。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>保密原则:请各相关人员严格遵守保密原则，保护学生的隐私。</text>
							</view>
							<view style="text-indent: 2em;">
								<text>{{info.name}}同学的心理健康关系到整个班级乃至学校的和谐发展，希望大家共同努力，为其提供一个安全、温暖的成长环境。</text>
							</view>
							<view style="text-align:right;padding-top: 30rpx;">
								{{date|dateFormate('YYYY年MM月DD日')}}
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		onShow: function() {
			var pages = getCurrentPages();
			var page = pages[pages.length - 1];
			var options=page.options;
			this.$data.type=options.type;
			this.$data.info=JSON.parse(options.info);
		},
		data() {
			return {
				type:null,
				info: {},
				date:new Date().getTime()
			}
		},
		watch: {},
		methods: {},
		mounted() {}
	}
</script>

<style lang="scss" scoped>
	.noticeTemplate {
		padding: 50rpx 30rpx;
		background:#fff;
		border-radius: 30rpx;
		.tit{
			text-align:center;
			font-size:36rpx;
			margin-bottom:30rpx;
			color: #65554d;
		}
		.content{
			color:#65554d;
			font-size:28rpx;
			line-height:1.7;
		}
	}

	.ftools {
		padding-top: 40rpx;
		padding-bottom: 60rpx;
		background: #fff;
		border-radius: 30rpx 30rpx 0 0;
		display: flex;
		align-items: center;
		.btn {
			flex: 0 0 auto;
			font-size: 28rpx;
			padding: 0 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fe9c29;
			background: #ffefdd;
			height: 90rpx;
			border-radius: 90rpx;
			margin-right: 20rpx;
			.ico {
				flex: 0 0 auto;
				margin-right: 20rpx;
				image {
					display: block;
					width: 34rpx;
					height: 34rpx;
				}
			}
			&.on {
				background: #fe9c29;
				color: #fff;
				flex: 1 1 auto;
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}
</style>